<template>
    <div class="page-help">
        <van-nav-bar class="help-tilte" left-arrow :fixed="true" title="Prohibited Ads" @click-left="$router.back(-1)">
        </van-nav-bar>
        <div style="padding: 23px;"></div>
        <div class="terms">
            <div class="h1">{{dataJson.title}}</div>
            <div v-for="(item, index) in dataJson.child" class="terms-list">
                <div  class="index-title-box">
                    <div class="h3-index">{{index+1}}.</div>
                    <div class="h3">{{item.title}}</div>
                </div>

                <div v-if="item.child" class="list-box">
                    <div v-for="(i, index1) in item.child" class="index-box">
                        <div class="p-index">{{index1+1}})</div>
                        <p >{{i}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'ProhibitedAds',
        data() {
            return {
                dataJson: {
                    "title" : "Items or services that are prohibited:",
                    "child" : [
                        {
                            "title" : "Anything illegal",
                        },
                        {
                            "title" : "Drugs & Tobacco",
                            "child" : [
                                "E-Vaporizers (E-Cigarettes) and related products",
                                "Tobacco products and other smoke-able products",
                                "Items that resemble smoking products or promote smoking",
                                "Drugs and drug paraphernalia",
                            ]
                        },
                        {
                            "title" : "Adult & Mature Content ",
                            "child" : [
                                "Pornography and adult material including, but not limited to, pornographic books, magazines, pictures and videos",
                                "Adult toys, sexual wellness and enhancement products",
                                "Adult industry services and jobs, including escort services",
                                "Nudity and sexually-oriented material",
                                "Used undergarments and intimate items",
                            ]
                        },
                        {
                            "title" : "Animals & Animal Products ",
                            "child" : [
                                "Items made from animals, including, but not limited to, endangered species and exotic animals",
                                "Human beings, human remains and body parts",
                            ]
                        },
                        {
                            "title" : "Weapons",
                            "child" : [
                                "Knives, Swords and Hand Weapons, unless used for non-lethal sports or dress-up purposes",
                                "Firearms, Imitation Firearms, Ammunition and Explosives, unless determined to be toy weapons/ammunition or used for sporting purposes",
                                "Others (e.g. Tasers)",
                            ]
                        },
                        {
                            "title" : "Illegal Items or Encouraging Illegal Activity ",
                            "child" : [
                                "Stolen or illegal goods",
                                "Listings that promote, support or seek to engage users in illegal activity",
                            ]
                        },
                        {
                            "title" : "Medical & Healthcare Items ",
                            "child" : [
                                "Prescription drugs and medical devices",
                                "Medicine, medicinal instruments and items with objectionable medical claims",
                                "Injectable health or cosmetic substances",
                            ]
                        },
                        {
                            "title" : "Offensive Materials ",
                            "child" : [
                                "Content that promotes, supports or glorifies acts of violence",
                                "Content that seeks to shame others and/or reveal personal information of others",
                                "Content that promotes, supports or glorifies hatred and seeks to discriminate and/or demean on the basis of race, religion, gender, gender identity, disability or sexual orientation",
                            ]
                        },
                        {
                            "title" : "Consumables of the following: ",
                            "child" : [
                                "Food containing prohibited substances",
                                "Food containing substances in excess of permitted proportions",
                                "Food unfit for human consumption",
                            ]
                        },
                        {
                            "title" : "Unlicensed medical and health care services",
                        },
                        {
                            "title" : "Others ",
                            "child" : [
                                "Money lending services and bank transfer services",
                                "Listings promoting Multi-Level-Marketing programs, Get-Rich-Quick schemes, Pyramid selling schemes, Fast cash schemes, Commission-only schemes and Referral programs to re-post online advertisements",
                                "Digital licenses and product keys (e.g. Microsoft office, Adobe software)",
                            ]
                        },
                        {
                            "title" : "Note: Any item or service may be removed at the discretion of the company.",
                        }

                    ]
                }
            };
        },
    }

</script>
<style>
    .page-help .van-nav-bar{
        background-color: #FF9900;
        color: #fff;
    }
    .page-help .van-nav-bar .van-icon{
        color: #fff;
        margin-right: 15px;
        font-size: 18px;
    }
    .page-help .van-list__loading{
        width: 100%;
        /*border-top: 1px solid #F2F2F2;*/
    }
    .terms p {
        margin: 0;
    }
</style>
<style scoped>
    .terms{
        width:92%;
        margin:0 auto;
        padding: 20px 0;
    }
    .terms .h1{
        text-align:left;
        font-size: 1.2em!important;
        padding: 0.5em 0;
        margin: 0;
    }
    .terms .h3{
        /*font-weight: bold;*/
        color: #000;
        padding: 0.5em 0;
        margin: 0;
    }
    .terms p{
        color: rgb(81, 81, 81);
    }
    .terms li{list-style-type: none}
    .terms-list{
        /*margin-bottom: 20px;*/
    }
    .ul-title{
        margin: 10px 0;
    }
    .terms li.ul-li{
        list-style-type: disc;
        margin-left: 10%;
    }
    .terms p .is-link{
        color: #0e6c9c;
    }
    .list-box{
        padding-left: 4%;
    }
    .list-box p{
        /*word-wrap : break-word ;*/
        /*word-break:break-all;*/
    }
    .index-box, .index-title-box{
        display: flex;
    }
    .p-index{
        width: 22px;
    }
    .h3-index{
        color: #000;
        padding: .5em 0;
        margin: 0 5px 0 0;
    }
    .index-box p, .index-title-box .h3{
        flex: 1;
    }
    .list-box .index-box:last-child{
        margin-bottom: 12px;
    }
</style>
